<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,user-scalabel=0;" name="viewport">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="https://lulufans-static.oss-cn-shanghai.aliyuncs.com/lulufans-static/images/favicon/favicon.png">
    <title>雫るる| 首页</title>
    <link rel="stylesheet" href="https://lulufans-static.oss-cn-shanghai.aliyuncs.com/lulufans-static/vender/layui/css/layui.css">
    <link rel="stylesheet" href="./static/css/base.css">
    <link rel="stylesheet" href="./static/css/nav.css">
    <link rel="stylesheet" href="./static/css/index.css">
    <style>

    </style>
</head>


<body>
    <div class="header">
        <div class="layui-container" id="nav_container">
            <div class="logo" >
                <img src="./static/images/lulu_logo.png" width="98px" alt="">
            </div>
            <input type="checkbox"  id="nav-toggle" class="nav-toggle">
            <label for="nav-toggle" id="mobile-icon">
                <span class="menu-icon">
                    <i class="layui-icon layui-icon-app"></i>  
              </span>
            </label>
            <div class="page_nav">
                <ul class="layui-nav">
                    <li class="layui-nav-item layui-this">
                        <a href="index.html">首页</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item">
                        <a href="personal.html">个人简介</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="music.html">音乐</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item">
                        <a href="video.html ">视频</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="photo.html ">同人图</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item">
                        <a href="meme.html">表情包</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="about.html">关于</a>
                        <div class="radius"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="layui-container">
        <div class="layui-row" >
            <div class="layui-col-xs6 layui-col-sm6 layui-col-md12" style="margin: 30px 0;">
                <div class="puckup_img">
                    <img src="./static/images/puckhaed.webp" alt="">
                </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm6 layui-col-md12">
                <div class="lulu_box">
                    <div class="hidden_img">
                        <div class="lulu_img">
                            <img src="./static/images/lulu.png" alt="">
                        </div>
                    </div>
                    <div class="lulu_text">
                        <h1>敬礼∠(･`_´･ )クソddしかいないです！</h1>
                        <p>喜欢单推lulu的大家哦！</p>
                        <p>喜欢喝魔爪，总是在熬夜，只能靠魔爪来维持生活。lulu：“喝了魔爪就会醒。中午喝完，回家再喝。</p>
                        <p>我到早上4点都不会困”（gachi们为了贴桃子也会去购买魔爪，美其名为魔爪贴贴）魔爪打钱</p>
                        <p>喜欢吃拉面，和老干妈</p>
                        <p>喜欢玩LOL（最喜欢的职业选手是jackeylove。曾在误会JKL有女朋友后开启了直播，</p>
                        <p>直播间的标题叫做“我失恋了”）</p>
                        <p>也常玩我的世界（黑心包工头，经常扔下正在建房的网友去唱歌或者摸鱼）。</p>
                        <p>爱好美甲，有一双和立绘相似的鞋</p>
                        <p>喜欢拍照，经常在B站上传风景照片</p>
                        <p>喜欢画画，偏可爱系风格</p>
                        <p>（总之作为游戏部成员，lulu除了不擅长游戏，什么都会）</p>
                        <p>喜欢沙雕表情包，一度狂用表情</p>
                        <div class="more_btn">
                            <a href="personal.html" class="layui-btn layui-btn-primary">更多</a>
                        </div>
                    </div>

                </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm6 layui-col-md12" style="text-align: center;">
                <div class="pickup_title">
                    <div class="left"><span>推荐</span></div>
                    <div class="right"><span>PIck UP</span></div>
                </div>
                <div class="puck_video_img">
                    <a href="https://www.bilibili.com/video/BV1yZ4y1H74Z" target="_blank" title="【熟肉】一周年纪念配信 一年了，谢谢有你">
                        <img src="./static/images/video/156d5facc5db39b7e1c0413d874711e8a1b1f4b1.jpg@380w_240h_100Q_1c.webp"
                            alt="">
                    </a>
                    <a href="https://www.bilibili.com/video/BV1EK411H7Fr" target="_blank" title="跟大家聊聊成都bw的事">
                        <img src="./static/images/video/78b80cf7acc1aac31fe14afde246e7d29805e6cf.jpg@380w_240h_100Q_1c.webp"
                            alt="">
                    </a>
                    <a href="https://www.bilibili.com/video/BV1Ma4y1v7yj" target="_blank" title="一周年了，lulu有话想跟大家说">
                        <img src="./static/images/video/fdca053bc86941887f6e99f25ce3d826c585fc55.jpg@380w_240h_100Q_1c.webp"
                            alt="">
                    </a>
                    <a href="https://www.bilibili.com/video/BV17g4y187fL" target="_blank" title="【生日回】烟花，干杯！">
                        <img src="./static/images/video//b63ed987472933d9edc2e5b4c23ebb7e08377546.jpg@380w_240h_100Q_1c.webp"
                            alt="">
                    </a>
                    <a href="https://www.bilibili.com/video/BV1i7411y744" target="_blank"
                        title="【生日回】看大家为LULU制作的视频，居然在感动的时候遇到臭DD">
                        <img src="./static/images/video/c8dd06dc955c428f751a6fd6fbb93c6a1482be53.jpg@380w_240h_100Q_1c.webp"
                            alt="">
                    </a>
                    <a href="https://www.bilibili.com/video/BV1R5411W7dd" target="_blank" title="这届鬼不行">
                        <img src="./static/images/video/14f5a53205e2723c3873e015484846e34e8055e2.jpg@380w_240h_100Q_1c.webp"
                            alt="">
                    </a>
                </div>
            </div>

            <div class="layui-col-xs6 layui-col-sm6 layui-col-md12">
                <div class="footer">
                    <div class="footer_logo">
                        <img src="./static/images/lulu_logo_2.png" alt="">
                    </div>
                    <div class="footer_icon">
                        <a href="https://space.bilibili.com/387636363/" target="_blank" title="BiliBili"><img
                                src="./static/images/bilibili.webp" alt=""></a>
                        <a href="https://twitter.com/luluchan_s" target="_blank" title="推特"><img
                                src="./static/images/twitter.webp" alt=""></a>
                        <a href="https://www.youtube.com/channel/UCPrTbX6j27POmgXEZPlMV-g" target="_blank"
                            title="YouTube"><img src="./static/images/youtube.webp" alt=""></a>
                        <a href="https://zh.moegirl.org/%E9%9B%ABLulu" title="萌娘百科" target="_blank"><img
                                src="./static/images/mengniang.webp" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://lulufans-static.oss-cn-shanghai.aliyuncs.com/lulufans-static/vender/layui/layui.js"></script>
</body>

</html>